<template>
  <div class="searchpage">
    <Zsearchtop></Zsearchtop>
    <div class="center clearfix">
      <div class="content clearfix">
        <ul class="clearfix">
          <li>话题</li>
          <li>|</li>
          <li>产品</li>
          <li>|</li>
          <li>用户</li>
        </ul>
        <div class="minshow clearfix">
        <img src="../../images/IMG_yijianfankui_person.png">
          <div class="txt">
            <span>护肤小技巧</span>
            <b>大量护肤小技巧等你来拿</b>
          </div>
        </div>
        <div class="minshow clearfix">
          <img src="../../images/IMG_suosouneirong_header.png">
          <div class="txt">
            <span>护肤小技巧</span>
            <b>大量护肤小技巧等你来拿</b>
          </div>
        </div>
      </div>

    </div>
  </div>
</template>
<script>
  import Zsearchtop from "../../components/zsearchtop.vue"
  export default {
    name: 'searchpage',
    data() {
      return {
        Zsearchtop
      }
    },
    components:{
      Zsearchtop
    }
  }

</script>

<style lang="less" scoped>

  .searchpage{
    background-color: #fff;
    font-family: "苹方常规";
    color:#808080;
    height: 1330/75rem;
  }
  .center{
    margin: 0 50/75rem;
    border-bottom-left-radius: 10/75rem;
    border-bottom-right-radius: 10/75rem;
    box-shadow: 2/75rem 2/75rem 9/75rem rgba(0,0,0,0.1);
  }
  b{
    font-size: 24/75rem;
    line-height: 48/75rem;
    height: 48/75rem;
    float: left;
  }
  .searchcon span{
    display: block;
    float: left;
    border: 1px solid #ff406f;
    text-align: center;
    height: 32/75rem;
    line-height: 32/75rem;
    font-size: 18/75rem;
    border-radius: 32/75rem;
    padding: 0 25/75rem;
    margin-right: 56/75rem;
  }
  .content ul{
    margin:0 50/75rem;
  }
  .content ul li{
    float: left;
    font-size: 30/75rem;
    margin:20/75rem 35/75rem;
    text-align: center;
  }
  .minshow{
    margin: 25/75rem 85/75rem;
  }
  .minshow img{
    display: block;
    float: left;
  }
  .txt{
    float: left;
    margin-left: 40/75rem
  }
  .txt span{
    font-size: 24/75rem;
    display: block;
    text-align: left;
  }
  .txt b{
    font-size: 18/75rem;
    margin-top: 15/75rem;
  }
</style>
